<!--模拟考试-->
<template>
  <div class="simulatedExam-page">
    <div class="pck-Exam">
      <div class="pck-Exam-item" :class="tabIndex == index ? 'pck-Exam-active' : ''" v-for="(item,index) in tablist" @click="tabClick(index)">{{ item }}</div>
    </div>
    <div class="pck-Exam-content">
      <randomlyGenerateQuestions v-if="tabIndex == 0"></randomlyGenerateQuestions>
      <fixedQuestionSetting v-if="tabIndex == 1"></fixedQuestionSetting>
      <examRecords v-if="tabIndex == 2"></examRecords>
    </div>
  </div>
</template>

<script>
import randomlyGenerateQuestions from "@/components/Simulate/randomlyGenerateQuestions";
import fixedQuestionSetting from "@/components/Simulate/fixedQuestionSetting";
import examRecords from "@/components/Simulate/examRecords";
import watermark from "@/utils/watermark";
export default {
  name: "simulatedExam",
  components: {
    randomlyGenerateQuestions,
    fixedQuestionSetting,
    examRecords
  },
  data() {
    return {
      tablist: ['随机出题', '固定出题', '考试记录'],
      tabIndex: 0
    }
  },
  mounted() {
    watermark.set('')
  },
  methods: {
    tabClick(e) {
      this.tabIndex = e
    }
  }
}
</script>

<style lang="scss" scoped>
.simulatedExam-page {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
</style>
